import React, { useState } from 'react';
import MailBox from '@/components/MailBox';
import { Button, Popover } from 'antd';

const CoachMailBox = () => {
  // 假设这是你的信箱数据，可以从API获取或其它方式
  const [mailData, setMailData] = useState([
    { id: 1, content: '这是一封测试邮件的内容。' },
    { id: 2, content: '另一封邮件的内容。' },
    // 更多邮件数据...
  ]);

  // 返回按钮的点击处理函数
  const handleReturn = () => {
    console.log('返回按钮被点击');
    // 这里可以添加你的返回逻辑，比如导航到上一页
  };
  const [open, setOpen] = useState(false);
  const hide = () => {
    setOpen(false);
  };
  const handleOpenChange = (newOpen) => {
    setOpen(newOpen);
  };
  return (
    <Popover
      content={<a onClick={hide}>Close</a>}
      title="Title"
      trigger="click"
      open={open}
      onOpenChange={handleOpenChange}
    >
        <div>
      <h1>我的邮箱应用</h1>
      <MailBox
        title="收件箱" // 自定义标题
        data={mailData} // 传递邮件数据
        onReturn={handleReturn} // 传递返回按钮点击处理函数
        returnButtonText="返回首页" // 自定义返回按钮文本
      />
    </div>
      <Button type="primary">Click me</Button>
    </Popover>
    
  );
};

export default CoachMailBox;